import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'
import User from '../views/User.vue'
import Main from '../views/Main.vue'
import Mail from '../views/Mail.vue'
import pageOne from '../views/pageOne.vue'
import pageTwo from '../views/pageTwo.vue'


Vue.use(VueRouter)

// 1. 创建路由组件
// 2. 将路由与组件进行映射
// 3. 创建router实例

const routes = [
    // 主路由
    {
        path:'/',
        component:Main,
        redeirect:'/home', //重定向
        children:[
            // 子路由
            { path: 'home', component: Home },  //首页
            { path: 'user', component: User },  //用户管理
            { path: 'mall', component: Mail },  //商品管理
            { path: 'page1', component: pageOne },  //页面1
            { path: 'page2', component: pageTwo }  //页面2
        ]
    },
   
  ]

  const router = new VueRouter({
    routes // (缩写) 相当于 routes: routes
  })
  
  export default router




